<?php
/**
 *
 * PHP 5
 *
 * CakePHP(tm) : Rapid Development Framework (http://cakephp.org)
 * Copyright (c) Cake Software Foundation, Inc. (http://cakefoundation.org)
 *
 * Licensed under The MIT License
 * For full copyright and license information, please see the LICENSE.txt
 * Redistributions of files must retain the above copyright notice.
 *
 * @copyright     Copyright (c) Cake Software Foundation, Inc. (http://cakefoundation.org)
 * @link          http://cakephp.org CakePHP(tm) Project
 * @package       app.View.Layouts
 * @since         CakePHP(tm) v 0.10.0.1076
 * @license       http://www.opensource.org/licenses/mit-license.php MIT License
 */

$cakeDescription = __d('cake_dev', 'CakePHP: the rapid development php framework');
?>
<!DOCTYPE html>
<html>
<head>
	<?php echo $this->Html->charset(); ?>
	<title>
		<?php if($title_for_layout == "Home") $title_for_layout = "Inicio"; ?>
		<?php echo "Ebenezer - ".$title_for_layout; ?>
	</title>
	<?php
		echo $this->Html->meta('icon');
		
		echo $this->Html->script(array(
			'jquery-1.9.0.min',
			'jquery-ui-1.8.2.custom.min',
			'fancybox/jquery.fancybox.pack',
			'bootstrap',
			'holder'
			
		));

		echo $this->Html->css(array(
			'bootstrap',
			'fancybox/jquery.fancybox',
			'carousel'
		));

		echo $this->fetch('meta');
		echo $this->fetch('css');
		echo $this->fetch('script');
	?>
</head>
<body>
<div class="navbar-wrapper">
  <div class="container">
    <div class="navbar navbar-default navbar-static-top">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <?= $this->Html->link('Ebenezer 89.1 FM', '/', array("class"=>"navbar-brand")) ?>
        </div>
        <div class="navbar-collapse collapse">
          <ul class="nav navbar-nav">
            <li class="active"><a href="#">Inicio</a></li>
            <li><a href="#about">Acerca de nosotros</a></li>
            <li><a href="#contact">Contacto</a></li>
          </ul>
          <ul class="nav navbar-nav navbar-right">
            <li><?= $this->Html->link('En vivo', array('live')) ?></li>
            <li><a href="#"></a></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</div><!-- FIN DEL NAVBAR !-->
<!-- INICIO DEL CARROUSEL !-->
<div id="myCarousel" class="carousel slide">
  <!-- Indicators -->
  <ol class="carousel-indicators">
    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
    <li data-target="#myCarousel" data-slide-to="1"></li>
    <li data-target="#myCarousel" data-slide-to="2"></li>
  </ol>
  <div class="carousel-inner">
    <div class="item active">
		<?= $this->Html->image("radio-ebenezer.jpg", array('class'=>'img-responsive', "style"=>"width: 100%; display: block;")) ?>
      <div class="container">
        <div class="carousel-caption">
          <p><a class="btn btn-large btn-primary" href="#">Escuchanos en vivo!!</a></p>
        </div>
      </div>
    </div>
    <div class="item">
      
      <div class="container">
        <div class="carousel-caption">
			<h1>Siguenos a través de nuestras redes sociales</h1>
			<div class="row">			
				<?= $this->Html->image('social/tuiter.png', array()) ?>
				<?= $this->Html->image('social/fb.png', array()) ?>
          	</div>
          <p>Toda la información acerca de tus programas favoritos, además de fotos, videos, entrevistas...</p>
          <p><a class="btn btn-large btn-primary" href="#">Learn more</a></p>
        </div>
      </div>
    </div>
    <div class="item">
      <img src="data:," data-src="holder.js/100%x500/auto/#777:#7a7a7a/text:Third slide" alt="Third slide" style="height: 500px; width: 100%; display: block;">
      <div class="container">
        <div class="carousel-caption">
          <h1>One more for good measure.</h1>
          <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
          <p><a class="btn btn-large btn-primary" href="#">Browse gallery</a></p>
        </div>
      </div>
    </div>
  </div>
  <a class="left carousel-control" href="#myCarousel" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
  <a class="right carousel-control" href="#myCarousel" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
</div>
<!-- FIN DEL CARROUSEL !-->
<div class='container'>
	<?php echo $this->Session->flash(); ?>
	<?php echo $this->fetch('content'); ?>
</div>
<div id="footer">
	<div class="container">
        <p class="text-muted credit">&copy; 2013 Radio Ebenezer 89.1 FM. Fundada sobre la roca inconmovible.</p>
	</div>
</div>
	<?php echo $this->element('sql_dump'); ?>
</body>
</html>
